<template>
	<div style="width: 100%;height:100%" id="line7"></div>
</template>
<script>
// import { EleResize } from '../../../static/esresize.js';

// import { get } from '../components/js/http.js';

// import md5 from 'js-md5';
import echarts from 'echarts';
// import echarts from 'echarts/lib/echarts';
// 引入柱状图
import 'echarts/lib/chart/bar';
import 'echarts/lib/chart/line';
import 'echarts/lib/chart/pie';
import 'echarts/lib/component/title';
import 'echarts/lib/component/legend';
import 'echarts/lib/component/toolbox';
import 'echarts/lib/component/markPoint';
import 'echarts/lib/component/tooltip';
// import westeros from '../../../static/westeros.json';
// import { post } from '@/api/myFunctions';
export default {
	data() {
		return {
			allData: {}
		};
	},
	mounted() {
		// this.getData();
		// this.setLine7();
	},
	methods: {
		getData() {
			var that = this;
			var para = {};
			post(that, null, '/YH/index/sjksh', para, function(res) {
				that.allData = res.data;
				that.renshu = res.data.zrs;
				that.setLine7();
			});
		},
		// setLine7() {
		// 	var that = this;
		// 	var myChart = echarts.init(document.getElementById('line7'));
		// 	var geoJson = require('../../../static/wudang.json');
		// 	echarts.registerMap('yanHe', geoJson);
		// 	myChart.setOption({
		// 		// backgroundColor: '#000001',
		// 		tooltip: {
		// 			trigger: 'item',
		// 			formatter: '{b}<br/>{c} 人'
		// 		},
		// 		toolbox: {
		// 			itemGap: 30,
		// 			show: true,
		// 			orient: 'vertical',
		// 			right: '20px',
		// 			itemSize: 20,
		// 			top: 'end'
		// 		},

		// 		visualMap: {
		// 			min: 0,
		// 			max: 50000,
		// 			// text: ['High', 'Low'],
		// 			// textStyle: {
		// 			// 	color: '#fff'
		// 			// },
		// 			inRange: {
		// 				color: ['#b8ddff', '#35a7dc', 'rgb(5,39,175)']
		// 			},
		// 			// realtime: false,
		// 			// calculable: true
		// 			show: false
		// 		},
		// 		series: [
		// 			{
		// 				type: 'map',
		// 				mapType: 'yanHe', // 自定义扩展图表类型
		// 				itemStyle: {
		// 					normal: {
		// 						label: {
		// 							show: false
		// 						}
		// 					},
		// 					emphasis: {
		// 						label: {
		// 							show: true
		// 						}
		// 					}
		// 				},
		// 				data: [
		// 					{ name: '新场镇', value: 20057.34 },
		// 					{ name: '羊昌镇', value: 15477.48 },
		// 					{ name: '白宜镇', value: 31686.1 },
		// 					{ name: '新堡布依族乡', value: 6992.6 },
		// 					{ name: '下坝镇', value: 44045.49 },
		// 					{ name: '水田镇', value: 40689.64 },
		// 					{ name: '东风镇', value: 37659.78 },
		// 					{ name: '山花社区', value: 45180.97 },
		// 					{ name: '顺新社区、新天社区', value: 55204.26 },
		// 					{ name: '振新社区、高新社区、创新社区', value: 21900.9 },
		// 					{ name: '偏坡布依族乡', value: 4918.26 }
		// 				]
		// 			},
		// 			{
		// 				name: '医院',
		// 				type: 'scatter',
		// 				coordinateSystem: 'geo',
		// 				data: [106.793761, 26.687027, 9, '123'],
		// 				encode: {
		// 					value: 2
		// 				},
		// 				symbolSize: 12,
		// 				label: {
		// 					normal: {
		// 						show: false, //显示市区标签
		// 						textStyle: { color: '#c71585' } //省份标签字体颜色
		// 					},
		// 					emphasis: {
		// 						//对应的鼠标悬浮效果
		// 						show: true, //关闭文字 （这东西有问题得关）
		// 						textStyle: { color: '#800080' }
		// 					}
		// 				},
		// 				itemStyle: {
		// 					normal: {
		// 						borderWidth: 0.5, //区域边框宽度
		// 						borderColor: '#009fe8', //区域边框颜色
		// 						areaColor: '#ffefd5' //区域颜色
		// 					},
		// 					emphasis: {
		// 						show: true,
		// 						borderWidth: 0.5,
		// 						borderColor: '#4b0082',
		// 						areaColor: '#f47920'
		// 					}
		// 				}
		// 			}
		// 		]
		// 	});
		// 	// //自适应尺寸
		// 	let resizeDiv = document.getElementById('line7');
		// 	let listener = function() {
		// 		myChart.resize();
		// 	};
		// 	EleResize.on(resizeDiv, listener);
		// }
	}
};
</script>
